<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>发布</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/list.css" rel="stylesheet" />
		<script src="../../js/mui.min.js"></script>
		 <script src="../../js/app.js"></script>
		 <link href="../css/style.css" rel="stylesheet" />
		 <link href="../../css/icons-extra.css" rel="stylesheet"/>
		 <link href="../../css/mui.min.css" rel="stylesheet" />
<!--<link rel="stylesheet" href="css/message.css" type="text/css" />-->
		 		<!--<script src="../js/jquery-3.3.1.js"></script>-->
		 		<style type="text/css">

.mui-input-row label{
	padding-right: 5px;
	width: 
	45%;
	}

</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">我要入股</h1>
	</header>
<div class="mui-content">
    <form class="mui-input-group" name="myform">
      	    <div class="mui-input-row">
      	        <label>项目名称</label>
      	        <input type="text"style="width:50%;float: left;" id="title" name="libname" readonly="readonly">
      	    </div>
      	    <div class="mui-input-row">
      	        <label>入股方式</label>
				<select id="opta"style="width:50%;float: left;" onchange="getsel()">
				  <option value="0">请选择您的资源</option>
				  <option value="item">项目</option>

				 </select> 
      	        <!--<input type="text" name="title" class="mui-input-clear" placeholder="北京大唐圣殿影视文化有限公司">-->
      	    </div>
      	    <div class="mui-input-row">
      	        <label>入股资源</label>
				 <select id="optb" style="width:50%;float: left;" >
				  <option value="0">选择您发布的资源</option>
				 </select>
      	    </div>

      	    <div class="mui-input-row">
      	        <label>预计回报日期</label>
      	        <input type="text"  id='repaytime' name="libname"  readonly="readonly" style="float:left;width: 30%;" placeholder="1000"><label style="float: left;width: 90px;padding-left: 0;">日</label>
      	    </div>
      	    <div class="mui-input-row">
      	        <label>期望兑换股份数量</label>
      	        <div style="float: left;width: 18px;padding:10;margin:10px;height:18px;background:#DDDDDD;text-align: center;border-radius:9px"onclick="adjustment(-1)">-</div><input onchange="gufen(this)" type="text"  id="sum"  name="libname"  style="float:left;width: 20%;" value="100"><div style="float: left;width: 18px;padding:10;margin:10px;height:18px;background:#DDDDDD;text-align: center;border-radius:9px"onclick="adjustment(1)">+</div><label style="float: left;width: 20px;padding-left: 0;">份</label>
					
      	    </div>
      	    <div class="mui-input-row">
      	        <label>每份预估价值</label>
      	        <input type="text" id="gufendanjia" name="libname"  readonly="readonly" placeholder="100"style="color: red;float:left;width: 30%;" ><label style="float: left;width: 90px;padding-left: 0;">元(人民币)</label>
      	    </div>
      	    <div class="mui-input-row">
      	        <label>预估回报总值</label>
      	        <input type="text" id="zongzhi" name="libname" readonly="readonly" placeholder="100"style="float:left;width: 30%;color: red;" placeholder="1000"><label style="float: left;width: 90px;padding-left: 0;">元(人民币)</label>
      	    </div>
      	    <div class="mui-input-row">
      	        <label>备注说明</label></div>
      	        <textarea id="explain" name="libname" class="mui-input-clear" placeholder="请输入不超过200字" maxlength="200" type="text" rows="3" cols="30"></textarea>
      	    <!--</div>-->
      	    <div >
      	    <p style="color:red;padding-top: 5px;padding-left: 20px;">*投资风险提示：非保证盈利项目,请谨慎提交</p>
      	    <p style="padding-bottom: 5px;padding-left: 20px;">*为保障您的合法权益，提交后请与项目方签订纸质协议。</p></div>
      	</form> <div class="mui-input-row">
      	<button type="button" class="mui-btn mui-btn-blue" style="padding:7px;margin: 1%;width: 98%;font-size: 18;" onclick="tijiao()">提交</button></div>
      </div>
      <!--<div>查看数据详单>>>></div>-->
</body>
<script type="text/javascript">
	// 	jsarr['tid']=tid;
// 	jsarr['title']=title;
// 	jsarr['money']=money;
// 	jsarr['share']=share;
//JSON.stringify($_GET);
//alert(JSON.stringify($_GET)+$_GET['title']);
//alert(localStorage.itembuy);
itembuy=JSON.parse(localStorage.itembuy);
document.getElementById("title").value=itembuy.title;
document.getElementById("gufendanjia").value=itembuy.money;
document.getElementById("zongzhi").value=itembuy.money*document.getElementById("sum").value;
document.getElementById("repaytime").value=itembuy.repaytime;
function gufen(Obj){
	document.getElementById("zongzhi").value=itembuy.money*Obj.value;
}
var opta=document.getElementById("opta");//定义下拉列表主表
var listJson={'0':'选择关联类','item':'项目','resource':'资源','resume':'技术'};//定义主表菜单列表
selectone();//执行下拉选择列表
function selectone(){
var i=0;
var lisk='';
for(var p in listJson){//遍历json对象的每个key/value对,p为key
	lisk+='<option value="'+p+'">'+listJson[p]+'</option>';
}
opta.innerHTML='<select id="opta"style="width:28%;" onchange="getsel()">'+lisk+' </select>';

}
function getsel(){
	//去本地数据库读取个人发布的信息，字段key=opta.value;
var optb=document.getElementById("optb");
if(opta.value=='0'){
	optb.innerHTML='<option value="0">请先选择入股方式</option>';
		return false;
}
relation(opta.value,listJson[opta.value]);

}
function relation(mod,str){
	apptoken['mod']=mod||'';
	apptoken['act']='list';
	mui.post(home.hos+'/relation/user',apptoken,function(data){
//		alert(data);
		if(isJSON(data)){
			result= JSON.parse(data);
			if(result.length===0){
				alert('对不起不存在'+listJson[opta.value]+'信息,请您发布该类信息后，再添加关联！');
				selectone();//还原下拉列表
			return false;};
			//key是本地数据库的键值，
			var vals='';
			for(var i=0;i<result.length;i++){
		//	alert(result[i].id+'":"'+result[i].title);
			vals +='<option value="'+result[i].id+'">'+result[i].title+'</option>';
			}
		optb.innerHTML=vals;
		return data;
		}else{
			optb.innerHTML='<option value="0">您未发布'+str+'主题</option>';
		}
		alert(data);
})}
//增减数量
function adjustment(num){
	var zongshu=document.getElementById("sum");
	if(num==1){
		zongshu.value++;
	}else{
		zongshu.value--;
	}
gufen(zongshu);
}
//var opta=document.getElementById("opta");//定义下拉列表主表
//var listJson={'0':'选择您需要的合作方式','item':'项目','ziyuan':'资源','resume':'技术','qita':'其他'};//定义主表菜单列表
//selectone();//执行下拉选择列表
//function selectone(){
//var i=0;
//var lisk='';
//for(var cl in listJson){//遍历json对象的每个key/value对,p为key
//	lisk+='<option value="'+cl+'">'+listJson[cl]+'</option>';
//}
//opta.innerHTML='<select id="opta"style="width:28%;" onchange="getsel()">'+lisk+' </select>';
//
//}
//function getsel(){
//	//去本地数据库读取个人发布的信息，字段key=opta.value;
//var optb=document.getElementById("optb");
//if(opta.value=='0'){
//		optb.innerHTML='<option value="0">请选择您的资源</option>';
//		return false;}
////alert(opta.value);
//result=item(0,opta.value);//自定义函数从本地数据库取出并且转换成数组
////alert(result);
//}

//var	p= 0;
////item(0);
//function item(num,mod){//我发布的项目
//	if(num==1){
//		p=p+1
//	}else{
//		p=0;
////		document.getElementById("item").innerHTML='';
//	};
//	apptoken['p']= p;
//	apptoken['act']='userlist';
////	alert(JSON.stringify(apptoken));
////		alert(JSON.stringify(apptoken));
//		 mui.post(home.hos+'/'+mod+'/user',apptoken,function(data){
////		 	alert(JSON.stringify(data));
//		result=JSON.parse(data);
//if(result.length===0){
//	alert('对不起不存在'+listJson[opta.value]+'信息,请您发布该类信息后，再添加关联！');
//	selectone();//还原下拉列表
//return false;
//};
////key是本地数据库的键值，
//var vals='';
//for(var i=0;i<result.length;i++){
//	var title=result[i].title||result[i].name||'无内容';
//	vals +='<option value="'+result[i].id+'"><img src="'+home.uploads+'/img/resume/cut'+result[i].image+'"onerror="this.onerror=null;this.src=\''+home.uploads+'/img/resume/'+result[i].image+'\'" />'+title+'</option>';
//}
//	optb.innerHTML='<select id="optb"style="width:28%;" onchange="">'+vals+' </select> ';
//	//		...
//		},'text'
//	);
//}


function tijiao(){
	var sizenum=10;
	if(document.getElementById('explain').value.length<sizenum){
		alert('备注说明请填写'+sizenum+'-500字，请从新提交');
//		return false;
	}
	// 得到页面中所有input	
	var allInputs = document.getElementsByTagName('input');
	var libIds = [];
	// 在所有Input中过滤出type="text" and name="libID"的元素，放到数组libIds中  && allInputs[i].name === 'libname'
//	for (var i = 0; i < allInputs.length; i++) {
//		if (allInputs[i].type === 'text' && allInputs[i].name === 'libname') 
//		{
//			libIds.push(allInputs[i]);	
//			if(allInputs[i].value==''){
//			alert('您有表单未填写，请填写后提交');
////			return false;
//			}
//		}
//	}
			xiangmuleixing_val='';
    		rugufangshi_val ='';
    		jishuleibie_val='';
    		ziyuanleibie_val='';
//	for(var kb in optbJson){
//			var	objtj = document.getElementsByName(kb);
////  		alert(kb);
//	    for(pb in objtj){
////	    	  if(kb=='xiangmuleixing'){xiangmuleixing_val=objtj[pb].value;};
//	        if(objtj[pb].checked){
//	    	if(kb=='rugufangshi'){rugufangshi_val+=objtj[pb].value+',';};
//	    	if(kb=='jishuleibie'){jishuleibie_val+=objtj[pb].value+',';};
//	    	if(kb=='ziyuanleibie'){ziyuanleibie_val+=objtj[pb].value+',';};
////	            rugufangshi_val+=objtj[k].value+',';
//	    }
//  }}
var opta=document.getElementById("opta");
var indexa= opta.selectedIndex; // 选中索引。
//var optatext = opta.options[indexa].text; // 选中文本。
var optb=document.getElementById("optb");
var indexb= optb.selectedIndex; // 选中索引。
//var optbtext = optb.options[indexb].text; // 选中文本。
mui.post(home.hos+'/item_orders/user',Object.assign(apptoken,{
		act:'publish',//发布订单
		title:document.getElementById('title').value,//项目标题
		synopsis:itembuy.synopsis,//项目内容
		relation:opta.options[indexa].value,
		fangshiv:opta.options[indexa].text, // 入股方式。
		rid:optb.options[indexb].value,
		ziyuanv:optb.options[indexb].text, // 入股资源。
		source:rugufangshi_val,
		tid:itembuy.tid,//项目主题id
		user_ida:itembuy.user_ida,//项目方用户id
		sum:document.getElementById('sum').value,//购买股份数量
		moneyunit:document.getElementById('gufendanjia').value,//每份估值
		notes:getFormatCode(document.getElementById('explain').value),//备注说明
	}),function(data){
		alert(data);
		if(data!=200){
			plus.ui.toast("发布失败,请重新尝试，错误码".data);
		}else{
				alert("发布成功");
				mui.back();
				var list = plus.webview.currentWebview().opener();
				//触发父页面的自定义事件(refresh),从而进行刷新
				 mui.fire(list, 'refresh');
				//返回true,继续页面关闭逻辑
				return true;
				}
		//服务器返回响应，根据响应结果，分析是否登录成功；

	},'text'
);}

  </script>